<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript 弹窗-确认框</title>

</head>

<body>
    <!-- 确认框通常用于验证是否接受用户操作。

当确认卡弹出时，用户可以点击 "确认" 或者 "取消" 来确定用户操作。

当你点击 "确认", 确认框返回 true， 如果点击 "取消", 确认框返回 false。 -->

    <!-- window.confirm() 方法可以不带上window对象，直接使用confirm()方法。 -->

    <p>点击按钮，显示确认框。</p>
    <button onclick="myFunction()">点我</button>
    <p id="demo"></p>
    <script>
        function myFunction() {
            var x;
            var r = confirm("按下按钮!");
            if (r == true) {
                x = "你按下了\"确定\"按钮!";
            }
            else {
                x = "你按下了\"取消\"按钮!";
            }
            document.getElementById("demo").innerHTML = x;
        }
    </script>
</body>

</html>